import React,{ useState } from "react";
// state 是组件自身的，和外部都无关，只能自己定义，自己更改

export default function Hello() {
    // 格式 const / let [变量名] = useState(初始值)
    const [count] = useState(0)
    const [bol] = useState(true)
    const [str] = useState("Hello React.js")
    const [arr] = useState([1, 2, 3])
    const n = 10 // 这个 不是响应式 数据
    return (
        <div>
            {count} --- {bol? "true" : "false"}
            <hr />
            {str}
            <hr />
            {arr[2]}
        </div>
    )
}


/**
 * 总结
 *   函数组件来说组件的props形式就一种：外部传入的
 *   类组件来说组件的props形式有两种
 *       外部传入
 *       内部通过 static defaultProps  设置
 */
